import { ref, computed, onUnmounted } from 'vue'
import dayjs from 'dayjs'
export const useCountDown = () => {
    // 1. 定义变量保存剩余时间
    const time = ref(0)
    const timer = null
    // 格式化时间为分秒
    const formatTime = computed(() => dayjs.unix(time.value).format('mm分ss秒'))
    // 2、开启倒计时的函数
    const start = (currentTime) => {
        // 开始倒计时的逻辑
        // 每隔一秒减一
        time.value = currentTime

        timer = setInterval(() => {
            // 1、判断是否还有剩余时间
            // 2、有剩余时间，就让剩余时间减一
            time.value--
            // 3、格式化时间


        }, 1000)
    }
    // 组件销毁时清除定时器
    onUnmounted(() => {
        timer && clearInterval(timer)
    })
    return {
        formatTime,
        start
    }
}